<!-- 私客列表 -->
<div style="width: 100%;height: 50px;background-color: white;margin: 15px 20px 0px 20px;padding: 10px 30px;border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: red">
    <i class="glyphicon glyphicon-bookmark"></i>&nbsp;&nbsp;私客列表
</div>
<div  style="width: 100% ;height: 180px;background-color: white;margin: 0px 20px 15px 20px ;padding: 10px 50px;">
    <div style="width: 100%;height:60px">
        客户名称 &nbsp;<input type="text" style="width: 20%;margin-right: 8%" >
        客源编号 &nbsp;<input type="text"  style="width: 15%;margin-right: 8%">
        客户等级
        <select style="margin-right: 10%;height: 45%;width: 20%">
            <option>请选择</option>
        </select>

    </div>
    <div style="width: 100%;height:60px">
        联系方式&nbsp;
        <select style="height: 45%">
            <option>手机</option>
            <option></option>
        </select>
        <input type="text" placeholder="固话/手机" style="width: 13%;margin-right: 10%">

        客户类别 &nbsp;
        <select style="margin-right: 10%;height: 45%;width: 12%">
            <option>请选择</option>
            <option></option>
        </select>

        交易 &nbsp;
        <select style="height: 45%;width: 12%">
            <option>请选择</option>
            <option></option>
        </select>
        <select style="margin-right: 5%;height: 45%;width: 12%">
            <option>请选择</option>
            <option></option>
        </select>

    </div>
    <div style="width: 100%;height:60px">
        面积 &nbsp;&nbsp;
        <input type="text" style="width: 10%" placeholder="m²">-<input type="text" style="width: 10%;margin-right: 6%" placeholder="m²">
        价格 &nbsp;&nbsp;
        <input type="text" style="width: 10%" placeholder="万">-<input type="text" style="width: 10%;margin-right: 6%" placeholder="万">
        房型 &nbsp;&nbsp;
        <input type="text" style="width: 6%" placeholder="室">-<input type="text" style="width: 6%;margin-right: 4%" placeholder="室">

        <button type="button" class="btn btn-danger"><i class="glyphicon glyphicon-search"></i>&nbsp;搜索</button>
        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-trash"></i>&nbsp;清空</button>
    </div>


</div>


<div style="width: 100% ;margin: 15px 20px">

    <div style="margin: 5px 0px 15px 0px;background-color: white;height: 40px">
        <div style="float: right;padding: 5px 20px 0px 0px;margin-left: 20px;" >
            <ul class="pagination pagination-sm no-margin pull-right">
                <li><a class="pre"> <i class="glyphicon glyphicon-chevron-left"></i> </a></li>
                <li><a class="next"> <i class="glyphicon glyphicon-chevron-right"></i> </a></li>
            </ul>
        </div>
        <div style="float: right ;padding-top:5px ">
            <div class="btn-group" role="group" aria-label="...">
                <button type="button" class="btn btn-default" style="color: white ;background-color: #8e908c">10</button>
                <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">20</button>
                <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">30</button>
            </div>
        </div>
        <div style="float: left ;padding: 15px 0px 0px 30px">
            <a style="margin-right: 15px;color: black">活跃时间 <i class="glyphicon glyphicon-chevron-down"></i></a>
            <a style="margin-right: 15px;color: black">委托日期</a>
            <a style="margin-right: 15px;color: black">跟进数量</a>
            <a style="margin-right: 15px;color: black">跟进时间</a>
            <a style="margin-right: 15px;color: black">vip</a>
        </div>
    </div>

    <div style="padding: 15px 5px;width: 100% ;height: 50px;background-color: red;color:white;">
        <div style="width: 3% ;float: left"><input type="checkbox"></div>
        <div style="width: 8% ;text-align: center ;float: left">客户</div>
        <div style="width: 8% ;text-align: center;float: left">户型</div>
        <div style="width: 5% ;text-align: center;float: left">面积</div>
        <div style="width: 8% ;text-align: center;float: left">价格</div>
        <div style="width: 5% ;text-align: center;float: left">来源</div>
        <div style="width: 5% ;text-align: center;float: left">渠道</div>
        <div style="width: 12% ;text-align: center;float: left">委托时间</div>
        <div style="width: 12% ;text-align: center;float: left">跟进时间</div>
        <div style="width: 12% ;text-align: center;float: left">创建时间</div>
        <div style="width: 12% ;text-align: center;float: left">最近带看</div>
    </div>

    <!-- Tab panes -->
    <div style="width: 100%;height: 140px;background-color: white;border-color: lightgrey;border-style: solid;border-width: 1px">
        <div style="height: 70px;padding-top: 20px;padding-left: 5px">
            <div style="width: 3% ;float: left"><input type="checkbox"></div>
            <div style="width: 8% ;text-align: center ;float: left">阿姐</div>
            <div style="width: 8% ;text-align: center;float: left">2-2室</div>
            <div style="width: 5% ;text-align: center;float: left">50-51</div>
            <div style="width: 8% ;text-align: center;float: left">200-230万</div>
            <div style="width: 5% ;text-align: center;float: left">网络</div>
            <div style="width: 5% ;text-align: center;float: left">直聊</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/10</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/15</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/15</div>
        </div>

        <div style="height: 70px ">
            <div style="float: left;margin-left: 20px;width: 50%">
                <a href="javascript:void(0)" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
                <a href="javascript:void(0)" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
                <a href="javascript:void(0)" style="border-style: solid;border-color: lightgrey;color: black;border-width: 1px;margin-right: 6%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;VIP
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px;margin-right: 2%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;跟进
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px;margin-right: 2%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;约看
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;margin-right: 2%;border-width: 1px">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;带看
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;踢公
                </a>
            </div>

            <div style="float: right;width: 20%;">
                虹口区 四平路片
            </div>
            <div style="float: right;width: 15%">
                客源编号 : hskz6546
            </div>
        </div>

    </div>

    <div style="width: 100%;height: 140px;background-color: white;border-color: lightgrey;border-style: solid;border-width: 1px">
        <div style="height: 70px;padding-top: 20px;padding-left: 5px">
            <div style="width: 3% ;float: left"><input type="checkbox"></div>
            <div style="width: 8% ;text-align: center ;float: left">阿姐</div>
            <div style="width: 8% ;text-align: center;float: left">2-2室</div>
            <div style="width: 5% ;text-align: center;float: left">50-51</div>
            <div style="width: 8% ;text-align: center;float: left">200-230万</div>
            <div style="width: 5% ;text-align: center;float: left">网络</div>
            <div style="width: 5% ;text-align: center;float: left">直聊</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/10</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/15</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/15</div>
        </div>

        <div style="height: 70px ">
            <div style="float: left;margin-left: 20px;width: 50%">
                <a href="#" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
                <a href="#" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
                <a href="#" style="border-style: solid;border-color: lightgrey;color: black;border-width: 1px;margin-right: 6%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;VIP
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px;margin-right: 2%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;跟进
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px;margin-right: 2%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;约看
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;margin-right: 2%;border-width: 1px">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;带看
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;踢公
                </a>
            </div>

            <div style="float: right;width: 20%;">
                虹口区 四平路片
            </div>
            <div style="float: right;width: 15%">
                客源编号 : hskz6546
            </div>
        </div>

    </div>

    <div style="width: 100%;height: 140px;background-color: white;border-color: lightgrey;border-style: solid;border-width: 1px">
        <div style="height: 70px;padding-top: 20px;padding-left: 5px">
            <div style="width: 3% ;float: left"><input type="checkbox"></div>
            <div style="width: 8% ;text-align: center ;float: left">阿姐</div>
            <div style="width: 8% ;text-align: center;float: left">2-2室</div>
            <div style="width: 5% ;text-align: center;float: left">50-51</div>
            <div style="width: 8% ;text-align: center;float: left">200-230万</div>
            <div style="width: 5% ;text-align: center;float: left">网络</div>
            <div style="width: 5% ;text-align: center;float: left">直聊</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/10</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/15</div>
            <div style="width: 12% ;text-align: center;float: left">2020/09/15</div>
        </div>

        <div style="height: 70px ">
            <div style="float: left;margin-left: 20px;width: 50%">
                <a href="#" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
                <a href="#" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
                <a href="#" style="border-style: solid;border-color: lightgrey;color: black;border-width: 1px;margin-right: 6%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;VIP
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px;margin-right: 2%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;跟进
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px;margin-right: 2%">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;约看
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;margin-right: 2%;border-width: 1px">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;带看
                </a>
                <a href="#" style="border-style: solid;border-color: #0b97c4;color: #0b97c4;border-width: 1px">
                    <i class="glyphicon glyphicon-pencil"></i>&nbsp;踢公
                </a>
            </div>

            <div style="float: right;width: 20%;">
                虹口区 四平路片
            </div>
            <div style="float: right;width: 15%">
                客源编号 : hskz6546
            </div>
        </div>

    </div>


</div>